<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>鲜花满屋</title>
<link href="./CSS/style.css" rel="stylesheet" type="text/css">
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>
	

	<div class="bg">  
		 
        <div class="flower" >
            <img src="./images/玫瑰花.png" width="60px">
        </div>
        <div class="flower" >
            <img src="./images/玫瑰花.png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/玫瑰花.png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/玫瑰花.png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/玫瑰花.png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/鲜花 (1).png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/鲜花 (1).png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/鲜花 (1).png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/鲜花 (1).png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/鲜花 (1).png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/鲜花.png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/鲜花.png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/鲜花.png" width="60px">
        </div>
        <div class="flower " >
            <img src="./images/鲜花.png" width="60px">
        </div>
        
    </div>



<div id="container">
	<div id="banner">
		<div class="logo">
            <svg width="700" height="200">
              <defs>
                 <linearGradient id="yanse">
                     <stop offset="33%" stop-color="#00BFFF">
                         <animate attributeName="stop-color"
                         from="#00BFFF" to="#FF8C00" dur="5s" repeatCount="indefinite"></animate>
                     </stop>
                     <stop offset="66%" stop-color="#00FFFF"></stop>
                     <stop offset="100%" stop-color="#00FA9A">
                        <animate attributeName="stop-color"
                        from="#00FA9AF" to="#FF00FF" dur="5s" repeatCount="indefinite"></animate>
                     </stop>
                 </linearGradient>
              </defs>
              <text x="30" y="120" class="txt">浪漫花屋</text>
			  
          </svg>
		  
        </div>
<div class="loader-boxs">
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
<div class="loader"></div>
</div>

	</div>
	<div id="globallink">
		<ul>
			<li><a href="#">鲜花礼品</a></li>
			<li><a href="#">自助订花</a></li>
			<li><a href="#">绿色植物</a></li>
			<li><a href="#">花之物语</a></li>
			<li><a href="#">会员中心</a></li>
			<li><a href="#">联系我们</a></li>
			<li><a href="#">支付方式</a></li>
		</ul>
		<br>
	</div>
<div id="left">
		<div id="login">
			<form>
				<p>用户: <input type="text" class="text"></p>
				<p>密码: <input type="text" class="text"></p>
				<p><input type="button" class="btn" value="登录"> <input type="button" class="btn" value="注册"> <a href="#">忘记秘密</a></p>
			</form>
		</div>
		<div id="category">
			<h4><span>用途</span></h4>
			<ul>
				<li><a href="#">爱情鲜花</a></li>
				<li><a href="#">生日送花</a></li>
				<li><a href="#">新年鲜花</a></li>
				<li><a href="#">家庭用花</a></li>
				<li><a href="#">亲情用花</a></li>
				<li><a href="#">道歉鲜花</a></li>
				<li><a href="#">开业花篮</a></li>
				<li><a href="#">会议用花</a></li>
			</ul>
			<h4><span>花材</span></h4>
			<ul>
				<li><a href="#">玫瑰花</a></li>
				<li><a href="#">百合花</a></li>
				<li><a href="#">郁金香</a></li>
				<li><a href="#">太阳花</a></li>
				<li><a href="#">康乃馨</a></li>
				<li><a href="#">马蹄莲</a></li>
				<li><a href="#">扶朗</a></li>
				<li><a href="#">剑兰</a></li> 
			</ul>
			<h4><span>价格</span></h4>
			<ul>
				<li><a href="#">100～200元</a></li>
				<li><a href="#">200～300元</a></li>
				<li><a href="#">300～400元</a></li>
				<li><a href="#">400～500元</a></li>
				<li><a href="#">500～600元</a></li>
				<li><a href="#">600～800元</a></li>
				<li><a href="#">800元以上</a></li>
			</ul>
		</div>
	</div>
	<div id="main">
		<div id="latest"><a href="#"><img height="140px" style="padding: 0%;" width="171px" src="images/new1.jpg"></a><a href="#"><img  height="140px" style="padding: 0%;" width="171px"src="images/new2.jpg"></a><a href="#"><img height="140px" style="padding: 0%;" width="171px" src="images/new3.jpg"></a></div>
		<div id="recommend">
			<ul>
				<li><a href="#"><img id="F" src="images/flower1.jpg"><br>幸福的味道</a><br>￥99999元</li>
				<li><a href="#"><img id="F" src="images/flower2.jpg"><br>阳光守护你</a><br>￥3000元</li>
				<li><a href="#"><img id="F" src="images/flower3.jpg"><br>温情永远</a><br>￥2680元</li>
				<li><a href="#"><img id="F" src="images/flower4.jpg"><br>爱无界</a><br>￥3188元</li>
				<li><a href="#"><img id="F" src="images/flower5.jpg"><br>亲亲宝贝</a><br>￥3688元</li>
				<li><a href="#"><img id="F" src="images/flower6.jpg"><br>相信是缘</a><br>￥1888元</li>
				<li><a href="#"><img id="F" src="images/flower7.jpg"><br>水晶童话</a><br>￥1988元</li>
				<li><a href="#"><img id="F" src="images/flower8.jpg"><br>天使之爱</a><br>￥2688元</li>				
			</ul>
			<br>&nbsp;
		</div>
<div id="new">
			<ul>
				<li><a href="#"><img src="images/flower9.jpg"><br>粉色迷情</a></li>
				<li><a href="#"><img src="images/flower10.jpg"><br>海岸的幽雅</a></li>
				<li><a href="#"><img src="images/flower11.jpg"><br>百年地中海</a></li>
				<li><a href="#"><img src="images/flower12.jpg"><br>爱要说出口</a></li>			
			</ul>
			<br>&nbsp;
		</div>
<div id="tips">
			<ul>
				<li><a href="#">各种鲜花所代表的含义</a></li>
				<li><a href="#">花的喜怒哀乐与人的各种感觉</a></li>
				<li><a href="#">养花与养生之道</a></li>
				<li><a href="#">每天清晨的第一缕阳光</a></li>
				<li><a href="#">花香的味道</a></li>
				<li><a href="#">世界各地关于送花的习俗</a></li>
				<li><a href="#">种花与送花</a></li>
				<li><a href="#">手捧一束鲜花的等待</a></li>
			</ul>
			<br>&nbsp;
		</div>
		<div class="loader2-boxs"> 
	<div class="loader2"></div>
	<div class="loader2"></div>
	<div class="loader2"></div>
	<div class="loader2"></div>
	<div class="loader2"></div>
	<div class="loader2"></div>
	<div class="loader2"></div>
	<div class="loader2"></div>
	<div class="loader2"></div>
	<div class="loader2"></div>
	
	</div>
		
			
	</div>
</div>
<script src="./JS/JS.js"></script>
</body>
</html>
